/*
 * @Author: chase 
 * @Date: 2018-09-08 11:03:38 
 * @Last Modified by: chase
 * @Last Modified time: 2018-09-08 13:22:44
 * shullet
 */

<template>
    <!-- 创建和编辑查看弹窗 -->
    <el-dialog :title="shuttleList.title" v-dialogDrag :visible.sync="shuttleList.ifshow" class="tems_dialog" width="800px" :close-on-click-modal="false">
        <el-form :model="formValidate" :rules="ruleValidate" ref="formValidate" label-width="140px" class="demo-ruleForm">
            <el-transfer v-model="value1" :data="data"></el-transfer>
        </el-form>
        <div slot="footer" class="dialog-footer flexRow">
            <div v-if="shuttleList.id === ''" class="notesBottom">
                注：为保证功能配置的顺利，需确保勾选想要配置的选项
            </div>
            <bt class="bt flexNum" ref="bt" :buttonList="topButton" @operation="changeStatus"></bt>
        </div>
    </el-dialog>
</template>
<style>
</style>

<script>
export default {
    name: "shuttle",
    props: ["shuttleList"],
    model:{
        click: "submintButton"
    },
    data() {
        return {
            ruleValidate: {},
            formValidate: {},
            data:[{key:"1",label:"sadf"},{key:"2",label:"dgdsfghf"},{key:"3",label:"gfdfsgs"},{key:"4",label:"ghjfg"},{key:"5",label:"ghjgfh"}],
            value1: ["1", "4"],
            topButton:[
                {
                    title:"确定"
                },
                {
                    title:"取消"
                }
            ]
        };
    },
    methods: {
        changeStatus(){
            this.$emit("submintButton")
        },
        getData() {

        }
    }
};
</script>
